<script type="text/javascript"> 

    var mystr =
    "{" +
    "total: '1'," +
    "page: '1'," +
    "records: '5'," +
    "rows : [" +
    "{id:'1', cell:['cell11','cell12','cell13']}," +
    "{id:'2', cell:['cell21','cell22','cell23']}," +
    "{id:'3', cell:['cell31','cell32','cell33']}," +
    "{id:'4', cell:['cell41','cell42','cell43']}," +
    "{id:'5', cell:['cell51','cell52','cell53']}" +
    "]" +
    "}";
    
    var mystr2 = 

    jQuery(document).ready(function(){ 
            jQuery("#list").jqGrid({             
                    datatype: 'jsonstring', 
                    datastr: mystr,    
                    jsonReader : { root: "rows", 
                        page: "page", 
                        total: "total", 
                        records: "records", 
                        repeatitems: true, 
                        cell: "cell", 
                        id: "id", 
                        subgrid: { root:"rows", repeatitems: true, cell:"cell" } 
                    },
                    colNames: ['Col 1','Col 2', 'Col 3'], 
                    colModel :[ {name:'uno'}, 
                        {name:'dos'}, 
                        {name:'tres'} ],            
                    pager: jQuery('#pager'), 
                    rowNum:10, 
                    rowList:[10,20,30], 
                    sortname: 'id',                         
                    viewrecords: true, 
                    imgpath: 'themes/basic/images', 
                    caption: 'My first JSON grid' }); 
    }); 
</script>


<div class="container">

    <div class="page-header"><div class="row"><h1 class="span12">Kontrolna tabla</h1></div></div>

    <div class="row">
        <div class="span6">
            <p class="lead">Hoteli</p>
            <table id="list" class="scroll"></table> 
            <div id="pager" class="scroll" style="text-align:right;"></div>     

        </div>
    </div>

</div> <!-- /container -->
 
   